import React from 'react'
import "./index.css"
import { withRouter } from 'react-router-dom'
import Top from '../../components/top'
const Explain = ()=> {
    return (
        <div className='box-Explain'>
            <div className='Explain'>
                <div className='Explain-Top'>
                    <Top title="会员权益说明"></Top>
                </div>
                <div className='Explain-Bottom'>
                    <div className='Table-one'>
                        <span className='table-title'>会员等级</span>
                        <div className='Explain-vip'>
                            <p>
                                <span className='left'>会员等级</span>
                                <span className='right'>入会条件</span>
                            </p>
                            <div className='table-one'>
                                <div className='left'>
                                    <img src="/img/Vipexplain/live1.png" alt="" />
                                    <span>鱼宝</span>
                                </div>
                                <span className='right'>免费注册</span>
                            </div>
                            <div className='table-two'>
                                <div className='left'>
                                    <img src="/img/Vipexplain/live2.png" alt="" />
                                    <span>吃鱼王者</span>
                                </div>
                                <span className='right'>累计消费满2000元</span>
                            </div>
                        </div>
                    </div>
                    <div className='Explain-word'>
                        <h5>TIPS：</h5>
                        <p>
                            累计消费满足升级条件的次日﹐系统将自动为您升级﹔
                        </p>
                        <p>
                            有效期︰鱼宝会员终身有效﹔其他等级会员有效期为3年﹔
                        </p>
                    </div>
                    <div className='Table-two'>
                        <img src='/img/Vipexplain/权益对比.png'></img>
                    </div>
                </div>
            </div>
        </div>
    )
}
export default withRouter(Explain)
